<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <style>
        
           .content{color:#777;font:12px/1.4 "helvetica neue",arial,sans-serif;width:820px;margin:20px auto;}
            h1{font-size:12px;font-weight:normal;color:#ddd;margin:0;}
            p{margin:0 0 20px}
            a {color:#22BCB9;text-decoration:none;}
            .cred{margin-top:20px;font-size:11px;}
            
            /* This rule is read by Galleria to define the gallery height: */
            #galleria{height:720px;}
            
        </style>

        <!-- load jQuery -->
        <script src="jquery.js"></script>
        
        <!-- load Galleria -->
        <script src="galleria-1.2.4.min.js"></script>

    </head>
<body>
    <div class="content">
     
        <!-- Adding gallery images. We use resized thumbnails here for better performance, but it’s not necessary -->
        
        <div id="galleria">
            
            	<img  src="img/lew.jpg">
        		<img  src="img/lewhome.jpg">	
         
        </div>
        
        
    </div>
    
    <script>
    // Load the classic theme
    Galleria.loadTheme('galleria.classic.min.js');
    
    // Initialize Galleria
    $('#galleria').galleria();

    </script>
    </body>
</html>
